<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/template.xhtml">
    <ui:define name="content">
        <div class="Container100">
            <div class="ContainerIndent">
                <div class="ShadowBox whiteback GreenBorderedBox">
                    <div class="Container50 Responsive50">
                        <div class="ContainerIndent">
                            <h1 class="BigTopic">Advanced</h1>
                            <h:form>
                                <p:fileUpload fileUploadListener="#{fileUploadView.handleFileUpload}"
                                              mode="advanced"
                                              dragDropSupport="false"
                                              update="messages"
                                              sizeLimit="100000"
                                              fileLimit="3"
                                              label="Choose"
                                              uploadLabel="Upload"
                                              cancelLabel="Cancel"
                                              allowTypes="/(\.|\/)(gif|jpe?g|png)$/" />
                                <p:growl id="messages" showDetail="true" />
                            </h:form>
                        </div>
                    </div>
                    <div class="Container50 Responsive50">
                        <div class="ContainerIndent">
                            <h1 class="BigTopic">Simple</h1>
                            <h:form>
                                <p:fileUpload value="#{fileUploadView.file}" mode="simple" skinSimple="true" label="Choose"/>
                            </h:form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </ui:define>
</ui:composition>